Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / settings / sections / ArchiverSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72section Te6edf3v-showTff7b72=Ta5d6ff"Te6edf3visibleTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"settings-section break-inside-avoid"Tb4b4b4>

Tb4b4b4<Tff7b72header Te6edf3classTff7b72=Ta5d6ff"settings-section__header"Tb4b4b4>

Tb4b4b4<Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"settings-section__eyebrow"Tb4b4b4>BrowsingTb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72h2Tb4b4b4>Page ArchiverTb4b4b4<Tb4b4b4/Tff7b72h2Tb4b4b4>

Tb4b4b4<Tff7b72pTb4b4b4>Automatically save copies of visited NomadNetwork pages.Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72headerTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"settings-section__body space-y-3"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"setting-toggle"Tb4b4b4>

Tb4b4b4<Tff7b72Toggle

Te6edf3idTff7b72=Ta5d6ff"page-archiver-enabled"

Tb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3configTb4b4b4.Te6edf3page_archiver_enabledTa5d6ff"

Tb4b4b4@Te6edf3updateTb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'enabled-change'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"setting-toggle__label"Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"setting-toggle__title"Tb4b4b4>Enable ArchiverTb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"setting-toggle__description"

Tb4b4b4>Automatically archive pages for offline viewing and fallback.Tb4b4b4<Tb4b4b4/Tff7b72span

Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-1 sm:grid-cols-2 gap-4"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-2"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm font-medium text-gray-900 dark:text-gray-100"Tb4b4b4>Max Versions per PageTb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3configTb4b4b4.Te6edf3page_archiver_max_versionsTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"number"

Te6edf3minTff7b72=Ta5d6ff"1"

Te6edf3maxTff7b72=Ta5d6ff"50"

Te6edf3classTff7b72=Ta5d6ff"input-field"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"

Te6edf3$emitTb4b4b4(Ta5d6ff'config-change'Tb4b4b4, Tb4b4b4{

Te6edf3page_archiver_max_versionsTff7b72: Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4)

Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-600 dark:text-gray-400"Tb4b4b4>How many versions of each page to keep.Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-2"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm font-medium text-gray-900 dark:text-gray-100"Tb4b4b4>Max Total Storage (GB)Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3configTb4b4b4.Te6edf3archives_max_storage_gbTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"number"

Te6edf3minTff7b72=Ta5d6ff"1"

Te6edf3classTff7b72=Ta5d6ff"input-field"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"

Te6edf3$emitTb4b4b4(Ta5d6ff'config-change'Tb4b4b4, Tb4b4b4{

Te6edf3archives_max_storage_gbTff7b72: Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4)

Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-600 dark:text-gray-400"Tb4b4b4>Total storage for all archived pages.Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full flex items-center justify-center gap-2 rounded-xl border border-red-200 dark:border-red-900/30 bg-red-50 dark:bg-red-900/20 px-4 py-2 text-sm font-semibold text-red-700 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 transition"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'flush'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"delete-sweep" Te6edf3classTff7b72=Ta5d6ff"w-4 h-4" Tb4b4b4/Tb4b4b4>

Flush All Archived Pages

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72sectionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3Toggle Tff7b72from Ta5d6ff"../../forms/Toggle.vue"Tb4b4b4;

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ArchiverSettingsSection"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3ToggleTb4b4b4,

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3visibleTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3configTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"enabled-change"Tb4b4b4, Ta5d6ff"config-change"Tb4b4b4, Ta5d6ff"flush"Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>